<!-- MAIN CONTENT -->
<div id="content">
<!--<div class="row">
    <big-breadcrumbs items="['服务器', '服务器配置']" icon="home" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></big-breadcrumbs>
    &lt;!&ndash;<div smart-include="app/granary-info/views/sub-header.tpl.html"></div>&ndash;&gt;
</div>-->
<!-- widget grid -->
<section id="widget-grid" widget-grid>

<!-- END ROW -->

<!-- START ROW -->

<div class="row">

<!-- NEW COL START -->
<article class="col-sm-6 col-md-6 col-lg-6">

<!-- Widget ID (each widget will need unique ID)-->
<div jarvis-widget id="basic-form-elements" data-widget-colorbutton="false" data-widget-editbutton="false"
     data-widget-custombutton="false">
<!-- widget options:
usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

data-widget-colorbutton="false"
data-widget-editbutton="false"
data-widget-togglebutton="false"
data-widget-deletebutton="false"
data-widget-fullscreenbutton="false"
data-widget-custombutton="false"
data-widget-collapsed="true"
data-widget-sortable="false"

-->
<header>
    <span class="widget-icon"> <i class="fa fa-edit"></i> </span>
    <h2>集群服务器配置</h2>
</header>

<!-- widget div-->
<div>

<!-- widget content -->
<div class="widget-body no-padding">

<form class="smart-form">
    
<fieldset>
    <div class="form-group">
        <label for="inputServer" class="label">服务器配置: </label>
        <input type="text" class="form-inline input-xs" id="inputServer" style="width:80%" placeholder="请输入服务器地址...">
        <button type="button" class="btn btn-primary btn-sm"  ng-click="getService()" >获取</button>
        <br><br>
        <div style="color:red; display:none;" id="failServer"><span class="fa fa-warning"></span>&nbsp;&nbsp;输入错误，获取失败</div>
    </div>
</fieldset>
<div class="configServer">
<fieldset>
    <section ng-repeat="server in serverlist">
        <label class="label">{{server.des}}</label>
        <label class="input">
            <input type="text" class="input-sm" value="{{server.ip}}:{{server.port}}" readonly>
        </label>
    </section>
</fieldset>
<footer>
    <button type="submit" class="btn btn-primary" ng-click="saveService()">
        保存
    </button>
    <span style="color:#0e7700; margin-top:10px; display:none;" class="pull-right" id="saveSuccess">保存成功</span>
</footer>
</div>

</form>

</div>
<!-- end widget content -->

</div>
<!-- end widget div -->

</div>
<!-- end widget -->

</article>
<!-- END COL -->

<!--<article class="col-sm-12 col-md-12 col-lg-6">

&lt;!&ndash; Widget ID (each widget will need unique ID)&ndash;&gt;
<div jarvis-widget id="basic-form-elements" data-widget-colorbutton="false" data-widget-editbutton="false"
     data-widget-custombutton="false">
&lt;!&ndash; widget options:
usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

data-widget-colorbutton="false"
data-widget-editbutton="false"
data-widget-togglebutton="false"
data-widget-deletebutton="false"
data-widget-fullscreenbutton="false"
data-widget-custombutton="false"
data-widget-collapsed="true"
data-widget-sortable="false"

&ndash;&gt;
<header>
    <span class="widget-icon"> <i class="fa fa-edit"></i> </span>

    <h2>传输服务器配置</h2>

</header>

&lt;!&ndash; widget div&ndash;&gt;
<div>

&lt;!&ndash; widget content &ndash;&gt;
<div class="widget-body no-padding">

<form class="smart-form">


<fieldset>

    <section>
        <label class="label">Extra Small text input</label>
        <label class="input">
            <input type="text" class="input-xs">
        </label>
    </section>

    <section>
        <label class="label">Small text input</label>
        <label class="input">
            <input type="text" class="input-sm">
        </label>
    </section>

    <section>
        <label class="label">Default text input with maxlength</label>
        <label class="input">
            <input type="text" maxlength="10">
        </label>

        <div class="note">
            <strong>Maxlength</strong> is automatically added via the "maxlength='#'" attribute
        </div>
    </section>

  

</fieldset>



<fieldset>

    <section>
        <label class="label">Select Small</label>
        <label class="select">
            <select class="input-sm">
                <option value="0">Choose name</option>
                <option value="1">Alexandra</option>
                <option value="2">Alice</option>
                <option value="3">Anastasia</option>
                <option value="4">Avelina</option>
            </select> <i></i> </label>
    </section>

    <section>
        <label class="label">Select default</label>
        <label class="select">
            <select>
                <option value="0">Choose name</option>
                <option value="1">Alexandra</option>
                <option value="2">Alice</option>
                <option value="3">Anastasia</option>
                <option value="4">Avelina</option>
            </select> <i></i> </label>
    </section>

   
</fieldset>

<footer>
    <button type="submit" class="btn btn-primary">
        Submit
    </button>
    <button type="button" class="btn btn-default" onclick="window.history.back();">
        Back
    </button>
</footer>
</form>

</div>
&lt;!&ndash; end widget content &ndash;&gt;

</div>
&lt;!&ndash; end widget div &ndash;&gt;

</div>
&lt;!&ndash; end widget &ndash;&gt;

</article>-->
<!-- END COL -->


</div>

<!-- END ROW -->



</section>
<!-- end widget grid -->


</div>
